<!--
 * @Author: your name
 * @Date: 2021-09-18 10:59:29
 * @LastEditTime: 2021-11-05 10:46:26
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \datav\src\views\About.vue
-->
<template>
  <div class="about">
    <swiper ref="mySwiper" :options="swiperOptions">
      <swiper-slide>Slide 1</swiper-slide>
      <swiper-slide>Slide 2</swiper-slide>
      <swiper-slide>Slide 3</swiper-slide>
      <swiper-slide>Slide 4</swiper-slide>
      <swiper-slide>Slide 5</swiper-slide>
      <div class="swiper-pagination" slot="pagination"></div>
    </swiper>
    <!-- <right style="left: 0;top: 0"></right> -->
    <home-content style="left: 0;top: 0"></home-content>
  </div>
</template>

<script>
// import TopHeader from "@/components/datav/topHeader.vue"
import HomeContent from "@/components/datav/centent.vue"
// import Left from "@/components/datav/left.vue"
// import Right from "@/components/datav/right.vue"
export default {
  components: {
    HomeContent,
    // Left,
    // Right
  },
  data() {
    return {
      swiperOptions: {
        // slidesPerView: 4, //显示个数
        // direction: "vertical",
        pagination: {
          el: ".swiper-pagination",
        },
      },
      swiper: ''
    };
  },
  computed: {
    // swiper() {
    //   return this.$refs.mySwiper.swiper;
    // },
  },
  mounted() {
    this.swiper = this.$refs.mySwiper.swiper;
    console.log("Current Swiper instance object", this.swiper);
    // this.swiper.slideTo(3, 1000, false);
  },
};
</script>

<style>
</style>
